<template>
        <view class="uni-body">
			<view class="flexItem">反馈类型<view class="text">{{dailyYwData.type|showFeedbackType(feedbackList)}}</view></view>
			 <!-- <view class="flexItem">当前位置<view class="text">{{dailyYwData.position}}</view></view> -->
			 <view class="flexItem">选择终端<view class="text">{{dailyYwData.terminalIName}}</view></view>
			 <view class="flexItem">反馈姓名<view class="text">{{dailyYwData.profeedName||''}}</view></view>
			 <view class="flexItem">联系电话<view class="text">{{dailyYwData.profeedTel||''}}</view></view>
			 <view class="flexItem">居住地址<view class="text">{{dailyYwData.profeedAddr||''}}</view></view>
			 <view class="flexItem">提交时间<view class="text">{{dailyYwData.createTime||''}}</view></view>
			 <view class="flexItem">问题描述<view class="text">{{dailyYwData.description||'无'}}</view></view>
			 <view class="flexItem">运维人员<view class="text">{{ dailyYwData.handlerName }}</view></view>
			 <view class="flexItem">处理说明<view class="text">{{ dailyYwData.handleDtl||'' }}</view></view>
			<view class="flexItem" style="border-bottom: 0;display: flex;">处理图片
			<view v-if="dailyYwData.picHandleUrl" style="display: flex;flex-wrap: wrap;">
			  <image style="width: 150rpx; height: 150rpx;margin-right: 10rpx" v-for="(src, index) in dailyYwData.picHandleUrl.split(',')"
			    :src="src" :key="index" mode="aspectFit" @click="clickImg(src, index)">
			  </image>
			</view>
			<!-- <view v-if="imgList" style="display: flex;">
			  <image style="width: 150rpx; height: 150rpx" v-for="(src, index) in imgList" :key="index" 
			    :src="src" mode="aspectFit" @click="clickImg(src, index)">
			  </image>
			</view> -->
			</view>        
			<view class="flexItem">处理时间<view class="text">{{ dailyYwData.handleDate||'' }}</view></view>
      </view>
</template>
<script>
import {getDictItemInfo} from '@/api/system.js';
export default {
  props: {
  	dailyYwData: {
  		type: Object,
  		required: true
  	},
	// imgList:{
	// 	type:Array,
	// 	required: true
	// }
  },
  filters: {
    showFeedbackType(type, feedbackList) {
      if (feedbackList.length) {
        const showItem = feedbackList.find((item) => +item.itemValue === type);
        return showItem?.itemText || '';
      } else {
        return '';
      }
    },
  },
  data() {
    return {
		feedbackList:[]
     
    };
  },
  created() {
	this.feedbackDictList('nw_feedback_type')
  },
  mounted() {
	  
  },
  methods: {
			/** 查询字典下拉列表 */
			async feedbackDictList(dictCode) {
				try {
					const {
						data
					} = await getDictItemInfo({
						dictCode,
					});
					this.feedbackList = data?.result || [];
					console.log(this.feedbackList,'6.23333333');
				} catch (e) {
					
				}
			},
			// 图片预览功能
			clickImg(url, index) {
			  var imageArr = [];
			  imageArr.push(url);
			  //uniapp预览轮播图方法
			  uni.previewImage({
			    current: index, //预览图片的下标
			    urls: imageArr //预览图片的地址，必须要数组形式
			  })
			},
  },
};
</script>
<style scoped lang="scss">
.page-view {
  height: 100vh;
  // background: #f8f9fb;
  position: relative;
  overflow: hidden;
}
    .uni-body{
         margin: 0 32rpx;
         padding:28rpx;
         background: #FFFFFF;
         font-weight: 800;
         font-size: 28rpx;
         color: #4A4A4A;
         border-radius: 10rpx 10rpx 10rpx 10rpx;
          .flexItem{
            display: flex;
			border-bottom: 1rpx #EBEBEB solid;
            margin-bottom:20rpx;
			padding-bottom: 20rpx;
			color: #989898;
			padding-left: 20rpx;
            .text{
			  margin-left: 42rpx;
			  color: #4A4A4A;
            }
          }
          .margin{
           width: 450rpx;
           height: 150rpx;
           border-radius: 10rpx 10rpx 10rpx 10rpx;
           border: 1rpx solid #EFEFEF;
		   padding-left: 32rpx;
		   padding-top: 8rpx;
		   margin-left: 10rpx;
		   color: #4A4A4A;
          }
          .terminalName{
            border-bottom: 1rpx #EBEBEB solid;
            margin-bottom:18rpx;
			padding-bottom: 22rpx;
          }
      }
</style>
